<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>资讯</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
			<link rel="stylesheet" type="text/css" href="css/page.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />

	</head>
	<body>
		<!--头部-->
		<div class="head clearfix">
			<div class="width1200">
				<div class="left">
					<a href="index.html"><img width="200" class="" src="img/logo.png"/></a>
				</div>
				<div class="left">
					<ul class="clearfix top-nav relative">
						<li class="nav-li">
							<a href="javascript:;">音乐单曲</a>
							<ul class="nav-list absolute">
								<li><a href="song-classify.html" class="active">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
							</ul>
						</li>
						<li class="nav-li">
							<a href="index-DV.html">DVJ视频</a>

						</li>
						<li class="nav-li">
							<a href="song-spun.html">串烧</a>

						</li>
						<li class="nav-li">
							<a href="index-taoqu.html">套曲</a>

						</li>
						<li ><a href="index-music-man.html">音乐人</a></li>
						<li><a href="mall.html">商城</a></li>
						<li class="active"><a href="index-information.html">资讯</a></li>
					</ul>
				</div>
				<div class="right">
					<div class="right padding_lr10 text-center my-box">
						<img class="vertical-align_m icon-my" src="img/icon-my.png" alt="" />
						<br />
						<img class=" vertical-align_m" src="img/vip.png"/><span class="color_ff ">100金币</span>
						<span class="relative">
							<ul class="absolute login-style my-list">
								<li><a href="my.html"><img src="img/iconmy-01.png"/>我的主页</a></li>
								<li><a href="my-news.html"><img src="img/iconmy-02.png"/> 我的消息</a></li>
								<li class="vip-a"><a href="javascript:;" ><img src="img/iconmy-03.png"/> VIP会员</a></li>
								<li><a href="my-set.html"><img src="img/iconmy-04.png"/>个人设置</a></li>
								<li><a href="vip.html"><img src="img/iconmy-05.png"/>会员中心</a></li>
								<li><a href="javascript:;"><img src="img/iconmy-06.png"/>退出</a></li>
							</ul>
						</span>
					</div>
					<div class="right padding_tb10">
						<span class="relative top-secher">
							<input type="text" name=""  value="" placeholder="搜索音乐 、套曲" />
							<img class="absolute find-img" src="img/icon-find.png"/>
						</span>
					</div>
				</div>
			</div>
		</div>
    	<div class="bg_ff">
    		<div class="width1200">
    			<h4 class=" padding_tb20 bor_b">
    				<strong class="padding_10 font_16">动态</strong>
    			</h4>
    			<div class="main  mg_tb20 list-box">
    				<div class="main-right left ">
    					<div class="zx-box mg_b20">
    						<div class="zx-top">
	    						<h3 class="font_18"><a href="index-information-detial.html"><strong>李凯馨首支英文单曲即将上线 19岁全能女生大唱青春情愫</strong></a></h3>
	    						<h6 class="mg_top10">2018-10-25</h6>
	    						<h4 class="mg_top20">IBM Blockchain Platform™ 不仅仅是一种技术，更是企业间通力协作实现自身以及行</h4>
    						</div>
    						<div class="img-box1 mg_tb20">
    							<img src="img/zx01.png"/>
    							<img src="img/zx02.png"/>
    							<img src="img/zx03.png"/>
    							<img src="img/zx01.png"/>
    							<img src="img/zx02.png"/>
    							<img src="img/zx03.png"/>
    						</div>
    						<p class="mg_top20 text_right padding_lr30">
    							<a class="mg_r20"><img src="img/icon-zan.png"/>23</a>
    							<a class="mg_left20"><img src="img/icon-pl.png"/>23</a>
    						</p>
    					</div>
    					<div class="zx-box mg_b20">
    						<div class="zx-top">
	    						<h3 class="font_18"><a href="index-information-detial.html"><strong>李凯馨首支英文单曲即将上线 19岁全能女生大唱青春情愫</strong></a></h3>
	    						<h6 class="mg_top10">2018-10-25</h6>
	    						<h4 class="mg_top20">IBM Blockchain Platform™ 不仅仅是一种技术，更是企业间通力协作实现自身以及行</h4>
    						</div>
    						<div class=" mg_tb20 taoqu-bo clearfix" id="taoqu">
    							<dl class="music-list relative" style="width: 74%;height: auto;">
									<a href="index-DJ-list.html" class="width100">
										<dt class="relative"><img src="img/img-dv.png"><p class="absolute muisc-nums"><img src="img/icon-time.png">: <span class="color_ff">00:25</span></p></dt>
										<dd class="padding_10 bg_ff">

										</dd>
									</a>
								</dl>
    						</div>
    						<p class=" text_right padding_lr30">
    							<a class="mg_r20"><img src="img/icon-zan.png"/>23</a>
    							<a class="mg_left20"><img src="img/icon-pl.png"/>23</a>
    						</p>
    					</div>

    				</div>
    				<div class="main-left right">
    					<div class="padding_10">
    						<dl class="">
	    						<dt><img class="width100" src="img/dj-img-list.png"/></dt>
	    						<dd>
	    							<h4 class="font_16">MV简介</h4>
	    							<p class="mg_top10">发布时间：2018-01-10</p>
	    							<p class="mg_top10">播放次数：201</p>
	    							<p class="mg_top10">分类：hiphop</p>
	    						</dd>
	    					</dl>
    					</div>
    				</div>
    			</div>

    		</div>
    	</div>
	    <div class="overlay"></div>
	    <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/jquery.page.js" type="text/javascript" charset="utf-8"></script>
		<script>
			/**
			 * 获取列表
			 * @param page
			 */
			function getlist(page){
				ajax({
					url:'/m/information/list',
					data:{
						currentPage:page||1,
					},success(res){
						console.log(res);
					}
				})
			}
			getlist();


		</script>


	</body>
</html>
